<template>

</template>

<!--<template>-->
<!--  <div id="userProfileEditPage">-->
<!--    <h2 class="title">良辰云图库 - 修改资料</h2>-->
<!--    <div class="desc">企业级智能协同云图库</div>-->
<!--    <a-form :model="formState" name="profileEdit" autocomplete="off" @finish="handleProfileEdit">-->
<!--      <a-form-item name="userName" :rules="[{ required: true, message: '请输入用户名' }]">-->
<!--        <a-input v-model:value="formState.userName" placeholder="请输入用户名" />-->
<!--      </a-form-item>-->
<!--      <a-form-item name="userAvatar">-->
<!--        <a-upload-->
<!--          v-model:file-list="fileList"-->
<!--          name="avatar"-->
<!--          action="/upload.do"-->
<!--          list-type="picture-card"-->
<!--          :before-upload="beforeUpload"-->
<!--          @change="handleChange"-->
<!--        >-->
<!--          <div v-if="fileList.length < 1">-->
<!--            <plus-outlined />-->
<!--            <div style="margin-top: 8px">上传头像</div>-->
<!--          </div>-->
<!--        </a-upload>-->
<!--      </a-form-item>-->
<!--      <a-form-item>-->
<!--        <a-button type="primary" html-type="submit" style="width: 100%">保存</a-button>-->
<!--      </a-form-item>-->
<!--    </a-form>-->
<!--  </div>-->
<!--</template>-->

<!--<script lang="ts" setup>-->
<!--import { reactive } from 'vue'-->
<!--import { message } from 'ant-design-vue'-->
<!--import { PlusOutlined } from '@ant-design/icons-vue'-->
<!--import type { UploadChangeParam } from 'ant-design-vue'-->
<!--import { updateUserProfileUsingPost } from '@/api/userController.ts'-->
<!--import { useLoginUserStore } from '@/stores/useLoginUserStore.ts'-->

<!--const loginUserStore = useLoginUserStore()-->

<!--// 用于接受表单输入的值-->
<!--const formState = reactive<API.UserProfileEditRequest>({-->
<!--  userName: loginUserStore.userName,-->
<!--  userAvatar: '',-->
<!--})-->

<!--const fileList = reactive<any[]>([])-->

<!--/**-->
<!-- * 处理文件上传前的逻辑-->
<!-- */-->
<!--const beforeUpload = (file: any) => {-->
<!--  const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'-->
<!--  if (!isJpgOrPng) {-->
<!--    message.error('只能上传 JPG 或 PNG 格式的图片!')-->
<!--  }-->
<!--  const isLt2M = file.size / 1024 / 1024 < 2-->
<!--  if (!isLt2M) {-->
<!--    message.error('图片大小不能超过 2MB!')-->
<!--  }-->
<!--  return isJpgOrPng && isLt2M-->
<!--}-->

<!--/**-->
<!-- * 处理文件上传变化-->
<!-- * @param info-->
<!-- */-->
<!--const handleChange = (info: UploadChangeParam) => {-->
<!--  if (info.file.status === 'uploading') {-->
<!--    return-->
<!--  }-->
<!--  if (info.file.status === 'done') {-->
<!--    formState.userAvatar = info.file.response.url-->
<!--    message.success(`${info.file.name} 文件上传成功`)-->
<!--  }-->
<!--  if (info.file.status === 'error') {-->
<!--    message.error(`${info.file.name} 文件上传失败`)-->
<!--  }-->
<!--}-->

<!--/**-->
<!-- * 提交表单-->
<!-- * @param values-->
<!-- */-->
<!--const handleProfileEdit = async (values: any) => {-->
<!--  const res = await updateUserProfileUsingPost(values)-->
<!--  if (res.data.code === 0 && res.data.data) {-->
<!--    message.success('资料修改成功')-->
<!--    loginUserStore.updateUserProfile(values)-->
<!--  } else {-->
<!--    message.error('资料修改失败，' + res.data.message)-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->
<!--#userProfileEditPage {-->
<!--  max-width: 360px;-->
<!--  margin: 0 auto;-->
<!--}-->
<!--.title {-->
<!--  text-align: center;-->
<!--  margin-bottom: 16px;-->
<!--}-->
<!--//.desc {-->
<!--//  text-align: center;-->
<!--//  color: #bbb;-->
<!--//  margin-->
<!--</style>-->
